<ion-header>
  <ion-navbar>
    <ion-title style="font-family: '微软雅黑'">习惯</ion-title>
  </ion-navbar>
</ion-header>

<ion-content style="background-color:#efefef;font-family:'微软雅黑'" padding>
  <ion-list>
    <ion-item-sliding *ngFor="let item of planList;let i = index">
    <ion-item>
      <font color=black size=4>{{item.pName}}</font>
      <p>已坚持{{item.signedNum}}天/共{{item.totalNum}}天  <font style="color:black">进度{{(item.signedNum/item.totalNum * 100).toPrecision(3)}}%</font></p>
      <ion-icon name="arrow-forward" item-right (click)="enterPlanInforPage(i,false)"></ion-icon>
    </ion-item>
    <ion-item-options>
      <button ion-button color=danger (click)="deletePlan(i)">删除</button>
    </ion-item-options>
    </ion-item-sliding>
  </ion-list>
   <button ion-button block (click)="enterPlanAddPage()">添加计划</button>
</ion-content>
